﻿<!DOCTYPE html >
<html class="supports-js supports-no-touch supports-csstransforms supports-csstransforms3d supports-fontface">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>溯源云服务</title>
    <!-- Font ================================================== -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:300,400,500,600,700">
    <link href="favicon.ico" type="image/x-icon" rel="icon">
    <!-- Helpers ================================================== -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Home Market - Responsive HTML5 theme">
    <meta property="og:image" content="/assets/images/logo.png">
    <meta property="og:image:secure_url" content="/assets/images/logo.png">
    <meta property="og:url" content="#">
    <meta property="og:site_name" content="Home Market Red">
    <meta name="twitter:site" content="@">
    <meta name="twitter:card" content="summary">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!-- CSS ================================================== -->
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link href="assets/css/animate.min.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/swatch.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/flexslider.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/timber.scss.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/home_market.global.scss.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/home_market.style.scss.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/tada.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/spr.css" rel="stylesheet" type="text/css" media="all">
    <link href="assets/css/social-buttons.scss.css" rel="stylesheet" type="text/css" media="all">
    <!-- JS ================================================== -->
    <script src="assets/js/jquery.min.js" type="text/javascript"></script>
    <script src="assets/js/jquery.fancybox.min.js" type="text/javascript"></script>
    <script src="assets/js/owl.carousel.min.js" type="text/javascript"></script>
    <script src="assets/js/jquery.tweet.min.js" type="text/javascript"></script>
    <script src="assets/js/jquery.optionSelect.js" type="text/javascript"></script>
    <script src="assets/js/jquery.flexslider-min.js" type="text/javascript"></script>
    <script src="assets/js/jquery.easytabs.min.js" type="text/javascript"></script>
    <script src="assets/js/news.js"></script>
    <script src="assets/js/top_head_user.js" type="text/javascript"></script>
</head>

<body id="products" class="template-collection">


<div id="NavDrawer" class="drawer drawer--left">
    <div class="drawer__header">
        <div class="drawer__title h3">
            Browse
        </div>
        <div class="drawer__close js-drawer-close">
            <button type="button" class="icon-fallback-text">
                <span class="icon icon-x" aria-hidden="true"></span>
                <span class="fallback-text">Close menu</span>
            </button>
        </div>
    </div>
    <!-- begin mobile-nav -->
    <ul class="mobile-nav">
        <li class="mobile-nav__item mobile-nav__item--active">
            <a href="#" class="mobile-nav__link">Home</a>
        </li>
        <li class="mobile-nav__item" aria-haspopup="true">
            <div class="mobile-nav__has-sublist">
                <a href="collection.html" class="mobile-nav__link">Collections</a>
                <div class="mobile-nav__toggle">
                    <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
                        <span class="icon icon-plus" aria-hidden="true"></span>
                        <span class="fallback-text">See More</span>
                    </button>
                    <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
                        <span class="icon icon-minus" aria-hidden="true"></span>
                        <span class="fallback-text">"Close Cart"</span>
                    </button>
                </div>
            </div>
            <ul class="mobile-nav__sublist">
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Book</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Health &amp; Beatuty</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Homelife</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Home Appliances</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Smartphones &amp; Cell Phones</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Camera - Camcorder</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Accessories</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Kids &amp; Baby</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Toy and Gift</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="collection.html" class="mobile-nav__link">Stationery</a>
                </li>
            </ul>
        </li>
        <li class="mobile-nav__item" aria-haspopup="true">
            <div class="mobile-nav__has-sublist">
                <a href="collection.html" class="mobile-nav__link">Shop</a>
                <div class="mobile-nav__toggle">
                    <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
                        <span class="icon icon-plus" aria-hidden="true"></span>
                        <span class="fallback-text">See More</span>
                    </button>
                    <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
                        <span class="icon icon-minus" aria-hidden="true"></span>
                        <span class="fallback-text">"Close Cart"</span>
                    </button>
                </div>
            </div>
            <ul class="mobile-nav__sublist megamenu__dropdown mobile_megamenu_1">
                <li class="nav-sampletext grid__item small-one-whole">
                    <a href="#"><img src="assets/images/logo-b.png" alt=""></a>
                    <p>
                        Lorem ipsum dolor sit amet, quod fabellas hendrerit per eu, mea populo epicuri et, ea possim
                        numquam mea.
                    </p>
                    <p>
                        Duo harum ornatus ponderum an, at ius zril menandri praesent. Bonorum tacimates interesset has
                        ei, pro ignota prodesset at. Vel ea velit percipitur.
                    </p>
                </li>
                <li class="nav-links nav-links01 grid__item small-one-whole">
                    <ul>
                        <li class="list-title">1st Collections</li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Book</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Health &amp; Beatuty</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Homelife</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Home Appliances</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Smartphones &amp; Cell Phones</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-links nav-links02 grid__item small-one-whole">
                    <ul>
                        <li class="list-title">2nd Collections</li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Camera - Camcorder</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Accessories</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Kids &amp; Baby</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Toy and Gift</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Stationery</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-links nav-links03 grid__item small-one-whole">
                    <ul>
                        <li class="list-title">Pages</li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">All Collections</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.htmll">All Products</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.htmls">About us</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Contact us</a>
                        </li>
                        <li class="list-unstyled nav-sub-mega">
                            <a href="collection.html">Wishlist</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="mobile-nav__item">
            <a href="collection.html" class="mobile-nav__link">Today's Deals</a>
        </li>
        <li class="mobile-nav__item">
            <a href="blog.html" class="mobile-nav__link">Blog</a>
        </li>
        <li class="mobile-nav__item">
            <a href="lookbook.html" class="mobile-nav__link">Lookbook</a>
        </li>
        <!-- Customer links -->
        <li class="mobile-nav__item">
            <a href="login.html" id="customer_login_link">Log in</a>
        </li>
        <li class="mobile-nav__item">
            <a href="register.html" id="customer_register_link">Create New Account</a>
        </li>
    </ul>
</div>

<div id="CartDrawer" class="drawer drawer--right fancybox-margin">
    <div class="drawer__header">
        <div class="drawer__title h3">
            Shopping Cart
        </div>
        <div class="drawer__close js-drawer-close">
            <button type="button" class="icon-fallback-text">
                <span class="icon icon-x" aria-hidden="true"></span>
                <span class="fallback-text">"Close Cart"</span>
            </button>
        </div>
    </div>
    <div id="CartContainer">
        <form action="./cart.html" method="post" novalidate="" class="cart ajaxcart">
            <div class="ajaxcart__inner">
                <div class="ajaxcart__product">
                    <div class="ajaxcart__row" data-line="1">
                        <div class="grid">
                            <div class="grid__item one-quarter">
                                <a href="product.html" class="ajaxcart__product-image"><img
                                        src="assets/images/demo1_cart1.jpg" alt=""></a>
                            </div>
                            <div class="grid__item three-quarters">
                                <p>
                                    <a href="product.html" class="ajaxcart__product-name">Demo Product Sample</a>
                                    <span class="ajaxcart__product-meta">S / Red</span>
                                </p>
                                <div class="grid--full display-table">
                                    <div class="grid__item">
                                        <div class="ajaxcart__qty">
                                            <button type="button"
                                                    class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text"
                                                    data-id="8772444163" data-qty="0" data-line="1">
                                                <span class="icon icon-minus" aria-hidden="true"></span>
                                                <span class="fallback-text">?</span>
                                            </button>
                                            <input type="text" name="updates[]" class="ajaxcart__qty-num" value="1"
                                                   min="0" data-id="8772444163" data-line="1" aria-label="quantity"
                                                   pattern="[0-9]*">
                                            <button type="button"
                                                    class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text"
                                                    data-id="8772444163" data-line="1" data-qty="2">
                                                <span class="icon icon-plus" aria-hidden="true"></span>
                                                <span class="fallback-text">+</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid__item">
                                        <span class="money" data-currency-usd="$34.00 USD" data-currency="USD">$34.00 USD</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ajaxcart__product">
                    <div class="ajaxcart__row" data-line="2">
                        <div class="grid">
                            <div class="grid__item one-quarter">
                                <a href="product.html" class="ajaxcart__product-image"><img
                                        src="assets/images/demo1_cart2.jpg" alt=""></a>
                            </div>
                            <div class="grid__item three-quarters">
                                <p>
                                    <a href="product.html" class="ajaxcart__product-name">Demo Product Sample</a>
                                    <span class="ajaxcart__product-meta">Medium / Pink</span>
                                </p>
                                <div class="grid--full display-table">
                                    <div class="grid__item">
                                        <div class="ajaxcart__qty">
                                            <button type="button"
                                                    class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text"
                                                    data-id="10722484483" data-qty="0" data-line="2">
                                                <span class="icon icon-minus" aria-hidden="true"></span>
                                                <span class="fallback-text">?</span>
                                            </button>
                                            <input type="text" name="updates[]" class="ajaxcart__qty-num" value="1"
                                                   min="0" data-id="10722484483" data-line="2" aria-label="quantity"
                                                   pattern="[0-9]*">
                                            <button type="button"
                                                    class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text"
                                                    data-id="10722484483" data-line="2" data-qty="2">
                                                <span class="icon icon-plus" aria-hidden="true"></span>
                                                <span class="fallback-text">+</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid__item">
                                        <span class="money" data-currency-usd="$100.00 USD" data-currency="USD">$100.00 USD</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ajaxcart__product">
                    <div class="ajaxcart__row" data-line="3">
                        <div class="grid">
                            <div class="grid__item one-quarter">
                                <a href="product.html" class="ajaxcart__product-image"><img
                                        src="assets/images/demo1_cart3.jpg" alt=""></a>
                            </div>
                            <div class="grid__item three-quarters">
                                <p>
                                    <a href="product.html" class="ajaxcart__product-name">Demo Product Sample</a>
                                    <span class="ajaxcart__product-meta">XS / Black</span>
                                </p>
                                <div class="grid--full display-table">
                                    <div class="grid__item">
                                        <div class="ajaxcart__qty">
                                            <button type="button"
                                                    class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text"
                                                    data-id="8772462979" data-qty="0" data-line="3">
                                                <span class="icon icon-minus" aria-hidden="true"></span>
                                                <span class="fallback-text">?</span>
                                            </button>
                                            <input type="text" name="updates[]" class="ajaxcart__qty-num" value="1"
                                                   min="0" data-id="8772462979" data-line="3" aria-label="quantity"
                                                   pattern="[0-9]*">
                                            <button type="button"
                                                    class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text"
                                                    data-id="8772462979" data-line="3" data-qty="2">
                                                <span class="icon icon-plus" aria-hidden="true"></span>
                                                <span class="fallback-text">+</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid__item">
                                        <span class="money" data-currency-usd="$89.00 USD" data-currency="USD">$89.00 USD</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <label for="CartSpecialInstructions">Special instructions for seller</label>
                    <textarea name="note" class="input-full" id="CartSpecialInstructions"></textarea>
                </div>
            </div>
            <div class="ajaxcart__footer">
                <div class="grid--full">
                    <div class="grid__item title-total">
                        <p>
                            Subtotal
                        </p>
                    </div>
                    <div class="grid__item price-total">
                        <p>
                            <span class="money" data-currency-usd="$223.00 USD" data-currency="USD">$223.00 USD</span>
                        </p>
                    </div>
                </div>
                <p class="text-center">
                    Shipping &amp; taxes calculated at checkout
                </p>
                <button type="button" class="btn btn--full cart__shoppingcart" name="shoppingCart"
                        onclick="location.href='./cart.html'">
                    Shopping Cart ?
                </button>
                <button type="submit" class="btn btn2 btn--full cart__checkout" name="checkout">
                    Check Out ?
                </button>
            </div>
        </form>
    </div>
</div>

<div id="PageContainer" class="is-moved-by-drawer">
    <!-- Top Other -->
    <div id="top-header" class="grid--full grid--table">
        <div class="wrapper">
            <div id="topother-header" class="grid--full grid--table">
                <div id="top-header-user" class="grid__item one-half top-header-left">
                    您好！欢迎来到农产品溯源云服务平台
                </div>
                <!--<div class="grid__item one-half top-header-right">-->
                <!--<div class="currency-picker">-->
                <!--<label class="currency-picker__wrapper">-->
                <!--<span class="currency-picker__label">Currency</span>-->
                <!--<select class="currency-picker" name="currencies" style="display: inline; width: auto; vertical-align: inherit;">-->
                <!--<option value="USD" selected="selected">USD</option>-->
                <!--<option value="INR">INR</option>-->
                <!--<option value="GBP">GBP</option>-->
                <!--<option value="CAD">CAD</option>-->
                <!--<option value="AUD">AUD</option>-->
                <!--<option value="EUR">EUR</option>-->
                <!--<option value="JPY">JPY</option>-->
                <!--</select>-->
                <!--</label>-->
                <!--</div>-->
                <!--<div class="fi-content inline-list social-icons">-->
                <!--<a href="#" title="Twitter" class="icon-social twitter" data-toggle="tooltip" data-placement="top"><i class="fa fa-twitter-square"></i></a>-->
                <!--<a href="#" title="Facebook" class="icon-social facebook" data-toggle="tooltip" data-placement="top"><i class="fa fa-facebook-square"></i></a>-->
                <!--<a href="#" title="Google+" class="icon-social google" data-toggle="tooltip" data-placement="top"><i class="fa fa-google-plus-square"></i></a>-->
                <!--<a href="#" title="Pinterest" class="icon-social pinterest" data-toggle="tooltip" data-placement="top"><i class="fa fa-pinterest-square"></i></a>-->
                <!--<a href="#" title="Youtube" class="icon-social youtube" data-toggle="tooltip" data-placement="top"><i class="fa fa-youtube-square"></i></a>-->
                <!--<a href="#" title="Vimeo" class="icon-social vimeo" data-toggle="tooltip" data-placement="top"><i class="fa fa-vimeo-square"></i></a>-->
                <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>

    <!-- Main Header -->
    <header class="site-header">
        <div class="wrapper">
            <div id="main-header" class="grid--full grid--table">
                <div class="grid__item small--one-whole medium--one-whole two-eighths"
                     style="font-size: 30px;line-height: 85px;color: #0da944;">
                    <h1 class="site-header__logo large--left" itemscope="" itemtype="http://schema.org/Organization">
                        <a href="index.html" itemprop="url" class="site-header__logo-link">
                            <img src="assets/images/iconTemp.jpg" alt="Home Market Red" itemprop="logo" width="100">
                        </a>
                    </h1>
                    溯源云服务
                </div>
                <div class="grid__item small--one-whole medium--one-whole four-eighths mobile-bottom">
                    <div class="large--hide medium-down--show navigation-icon">
                        <div class="grid">
                            <div class="grid__item one-half">
                                <div class="site-nav--mobile">
                                    <button type="button" class="icon-fallback-text site-nav__link js-drawer-open-left"
                                            aria-controls="NavDrawer" aria-expanded="false">
                                        <span class="icon icon-hamburger" aria-hidden="true"></span>
                                        <span class="fallback-text">Menu</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="site-header__search">
                        <form action="./search.html" method="get" class="input-group search-bar">
                            <div class="collections-selector">
                                <select class="single-option-selector" data-option="collection-option"
                                        id="collection-option" name="collection">
                                    <option value="0">全部</option>
                                </select>
                            </div>
                            <input type="hidden" name="type" value="product">
                            <input type="search" name="q" value="" placeholder=""
                                   class="input-group-field st-default-search-input" aria-label="">
                            <span class="input-group-btn">
								<button type="submit" class="btn icon-fallback-text">
								<i class="fa fa-search"></i>
								<span class="fallback-text">Search</span>
								</button>
								</span>
                        </form>
                    </div>
                    <div class="large--hide medium-down--show navigation-cart">
                        <div class="grid__item text-right">
                            <div class="site-nav--mobile">
                                <a href="cart.html" class="js-drawer-open-right site-nav__link"
                                   aria-controls="CartDrawer" aria-expanded="false">
									<span class="icon-fallback-text">
									<span class="icon icon-cart" aria-hidden="true"></span>
									<span class="fallback-text">Shopping Cart</span>
									</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="grid__item small--one-whole two-eighths medium-down--hide">
                    <ul class="link-list">
                        <!--<li class="track-order">-->
                        <!--<a href="store-location.html">-->
                        <!--<i class="fa fa-map-marker"></i>-->
                        <!--<span class="name">Store Location</span>-->
                        <!--</a>-->
                        <!--</li>-->
                        <!--<li class="header-account">-->
                        <!--<a href="#loginBox" id="login_link">-->
                        <!--<i class="fa fa-user"></i>-->
                        <!--<span class="name">My Account</span>-->
                        <!--</a>-->
                        <!--<div id="loginBox" class="loginLightbox" style="display:none;">-->
                        <!--<div id="lightboxlogin">-->
                        <!--<form method="post" action="./login.html" id="customer_login" accept-charset="UTF-8">-->
                        <!--<input type="hidden" value="customer_login" name="form_type"><input type="hidden" name="utf8" value="?">-->
                        <!--<div id="bodyBox">-->
                        <!--<h3>Login</h3>-->
                        <!--<label for="CustomerEmail" class="hidden-label">Email</label>-->
                        <!--<input type="email" name="customer[email]" id="CustomerEmail" class="input-full" placeholder="Email">-->
                        <!--<label for="CustomerPassword" class="hidden-label">Password</label>-->
                        <!--<input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full" placeholder="Password">-->
                        <!--<input type="submit" class="btn btn2 btn&#45;&#45;full" value="Sign In">-->
                        <!--<div>-->
                        <!--<p class="forgot">-->
                        <!--<a href="#recover" onclick="showRecoverPasswordForm();return false;" id="RecoverPassword">Forgot your password?</a>-->
                        <!--</p>-->
                        <!--<p class="create">-->
                        <!--<a href="#create_accountBox" onclick="showCreateAccountForm();return false;" id="CreateAccountPassword">Create New Account</a>-->
                        <!--</p>-->
                        <!--</div>-->
                        <!--<p>-->
                        <!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
                        <!--</p>-->
                        <!--</div>-->
                        <!--</form>-->
                        <!--</div>-->
                        <!--<div id="recover-password" style="display:none;">-->
                        <!--<h3>Reset your password</h3>-->
                        <!--<p class="note">-->
                        <!--We will send you an email to reset your password.-->
                        <!--</p>-->
                        <!--<form method="post" action="recover.html" accept-charset="UTF-8">-->
                        <!--<input type="hidden" value="recover_customer_password" name="form_type"><input type="hidden" name="utf8" value="?">-->
                        <!--<p>-->
                        <!--<label for="recover-email" class="label">Email</label>-->
                        <!--</p>-->
                        <!--<input type="email" value="" size="30" name="email" id="recover-email" class="text">-->
                        <!--<div class="action_bottom">-->
                        <!--<input class="btn btn2" type="submit" value="Submit">-->
                        <!--<a class="btn back" href="#" onclick="hideRecoverPasswordForm();return false;">Back to Login</a>-->
                        <!--</div>-->
                        <!--<p class="close">-->
                        <!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
                        <!--</p>-->
                        <!--</form>-->
                        <!--</div>-->
                        <!--<div id="create_accountBox" style="display:none;">-->
                        <!--<h3>Create Account</h3>-->
                        <!--<div class="form-vertical">-->
                        <!--<form method="post" action="./account.html" id="create_customer" accept-charset="UTF-8">-->
                        <!--<input type="hidden" value="create_customer" name="form_type"><input type="hidden" name="utf8" value="?">-->
                        <!--<label for="FirstName" class="hidden-label">First Name</label>-->
                        <!--<input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="First Name">-->
                        <!--<label for="LastName" class="hidden-label">Last Name</label>-->
                        <!--<input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="Last Name">-->
                        <!--<label for="Email" class="hidden-label">Email</label>-->
                        <!--<input type="email" name="customer[email]" id="Email" class="input-full" placeholder="Email">-->
                        <!--<label for="CreatePassword" class="hidden-label">Password</label>-->
                        <!--<input type="password" name="customer[password]" id="CreatePassword" class="input-full" placeholder="Password">-->
                        <!--<p>-->
                        <!--<input type="submit" value="Create" class="btn btn2 btn&#45;&#45;full">-->
                        <!--</p>-->
                        <!--<p>-->
                        <!--<span><a class="btn" href="#" onclick="hideRecoverPasswordForm();return false;">Back to Login</a></span>-->
                        <!--</p>-->
                        <!--<p class="close">-->
                        <!--<a href="#" onclick="$.fancybox.close();">Close</a>-->
                        <!--</p>-->
                        <!--</form>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<script>-->
                        <!--function showRecoverPasswordForm() {-->
                        <!--$('#recover-password').css("display",'block');-->
                        <!--$('#lightboxlogin').css("display",'none');-->
                        <!--$('#create_accountBox').css("display",'none');-->
                        <!--}-->
                        <!--function hideRecoverPasswordForm() {-->
                        <!--$('#recover-password').css("display",'none');-->
                        <!--$('#lightboxlogin').css("display",'block');-->
                        <!--$('#create_accountBox').css("display",'none');-->
                        <!--}-->
                        <!--function showCreateAccountForm(){-->
                        <!--$('#recover-password').css("display",'none');-->
                        <!--$('#lightboxlogin').css("display",'none');-->
                        <!--$('#create_accountBox').css("display",'block');-->
                        <!--}-->
                        <!--</script>-->
                        <!--</div>-->
                        <!--</li>-->
                        <!--<li class="header-cart">-->
                        <!--<a href="cart.html" class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false">-->
                        <!--<i class="fa fa-shopping-basket"></i>-->
                        <!--<span id="CartCount">0</span>-->
                        <!--<span class="name">Shopping Cart</span>-->
                        <!--</a>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav class="nav-bar">
        <div class="wrapper">
            <div class="medium-down--hide">
                <!-- begin site-nav -->
                <ul class="site-nav" id="AccessibleNav">
                    <li class="site-nav--active">
                        <a href="index.html" class="site-nav__link">
                            <span>首页</span>
                        </a>
                    </li>
                    <li class="site-nav--has-dropdown" aria-haspopup="true">
                        <a href="collection.html" class="site-nav__link">
                            <span>分类</span>
                            <span class="icon icon-arrow-down" aria-hidden="true"></span>
                        </a>
                        <ul class="site-nav__dropdown" id="collectionNav">
                            <!--这里是导航栏Collections的下拉导航-->
                        </ul>
                    </li>
                    <li class="mega-menu site-nav--has-dropdown" aria-haspopup="true">
                        <a href="collection.html" class="site-nav__link">
                            <span>供应大厅</span>
                            <!--<span class="icon icon-arrow-down" aria-hidden="true"></span>-->
                            <span class="special_label hot_label">Hot</span>
                        </a>
                        <!--<ul class="site-nav__dropdown megamenu__dropdown megamenu_1">-->
                        <!--<li class="nav-sampletext grid__item large&#45;&#45;one-quarter">-->
                        <!--<a href="index.html"><img src="assets/images/logo-b.png" alt=""></a>-->
                        <!--<p>-->
                        <!--Lorem ipsum dolor sit amet, quod fabellas hendrerit per eu, mea populo epicuri et, ea possim numquam mea.-->
                        <!--</p>-->
                        <!--<p>-->
                        <!--Duo harum ornatus ponderum an, at ius zril menandri praesent. Bonorum tacimates interesset has ei, pro ignota prodesset at. Vel ea velit percipitur.-->
                        <!--</p>-->
                        <!--</li>-->
                        <!--<li class="nav-links nav-links01 grid__item large&#45;&#45;one-quarter">-->
                        <!--<ul>-->
                        <!--<li class="list-title">1st Collections</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Book</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Health &amp; Beatuty</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Homelife</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Home Appliances</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Smartphones &amp; Cell Phones</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</li>-->
                        <!--<li class="nav-links nav-links02 grid__item large&#45;&#45;one-quarter">-->
                        <!--<ul>-->
                        <!--<li class="list-title">2nd Collections</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Camera - Camcorder</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Accessories</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Kids &amp; Baby</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Toy and Gift</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">Stationery</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</li>-->
                        <!--<li class="nav-links nav-links03 grid__item large&#45;&#45;one-quarter">-->
                        <!--<ul>-->
                        <!--<li class="list-title">Pages</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="collection.html">All Collections</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="product.html">All Products</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="about-us.html">About us</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="contact-us.html">Contact us</a>-->
                        <!--</li>-->
                        <!--<li class="list-unstyled nav-sub-mega">-->
                        <!--<a href="wishlist.html">Wishlist</a>-->
                        <!--</li>-->
                        <!--</ul>-->
                        <!--</li>-->
                        <!--</ul>-->
                    </li>

                    <li>
                        <a href="news.html" class="site-nav__link">
                            <span>行业资讯</span>
                            <span class="special_label new_label">New</span>
                        </a>
                    </li>
                    <li>
                        <a href="http://106.75.154.40:8084/traceability/index" class="site-nav__link">
                            <span>真源码</span>
                            <!--<span class="special_label new_label">New</span>-->
                        </a>
                    </li>
                </ul>
                <script>
                    $(window).ready(function ($) {
                        //$('.megamenu__dropdown').css("width",$('#main-header').innerWidth());
                    });
                    $(window).resize(function () {
                        //$('.megamenu__dropdown').css("width",$('#main-header').innerWidth());
                    });
                </script>
            </div>
        </div>
    </nav>    <!-- Main Content -->

    <main class="main-content">
        <div class="breadcrumb-wrapper">
            <nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">
                <a href="index.html" title="Back to the frontpage">首页</a>
                <span aria-hidden="true">&rsaquo;</span>
                <span>新闻</span>
            </nav>
            <h1 class="section-header__title">新闻</h1>
        </div>
        <div class="wrapper">
            <div class="grid--rev">
                <div class="grid__item large--three-quarters">
                    <div class="rte category-blogs">
                        <div class="blog-image">
                            <a href="newDetail.html"><img src="" alt="" width="420px" height="230px"></a>
                        </div>
                        <h3 class="blog-title"><a href="newDetail.html"></a></h3>
                        <p class="author">
                            <strong></strong>
                            <time datetime="2015-11-29"></time>
                        </p>
                        <div class="blog-content">
                            <p></p>
                        </div>
                        <ul class="inline-list">
                        </ul>
                        <p>

                        </p>
                    </div>

                </div>
                <div class="grid__item large--one-quarter">
                    <div class="group_sidebar blog_sidebar">
                        <div class="sb-wrapper">
                            <h6 class="sb-title">近期资讯</h6>
                            <ul class="no-bullets sb-content">
                                <li>
                                    <div class="title">
                                        <a href="newDetail.html"></a>
                                    </div>
                                    <time datetime="2015-11-29"></time>
                                </li>
                                <li>
                                    <div class="title">
                                        <a href="newDetail.html"></a>
                                    </div>
                                    <time datetime="2015-10-29"></time>
                                </li>
                                <li>
                                    <div class="title">
                                        <a href="newDetail.html"></a>
                                    </div>
                                    <time datetime="2015-10-04"></time>
                                </li>

                                <li>
                                    <div class="title">
                                        <a href="newDetail.html"></a>
                                    </div>
                                    <time datetime="2015-10-04"></time>
                                </li>
                                <li>
                                    <div class="title">
                                        <a href="newDetail.html"></a>
                                    </div>
                                    <time datetime="2015-10-04"></time>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="site-footer">
        <div class="grid__item footer_copyright">
            <div class="wrapper">
                <div class="grid">
                    <div class="grid__item footer-copyright one-half small--one-whole medium--one-whole small--text-center"
                         style="margin: 0 auto;float:none;">
                        <p style="text-align: center;font-size: 20px;">
                            © 2020 仲恺农业工程学院智慧农业109实验室
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
            $(function () {
                $(".fi-title").click(function () {
                    $(this).toggleClass('opentab');
                });
            });
        </script>
    </footer>
</div>

<div id="scroll-to-top" title="Scroll to Top" class="off">
    <i class="fa fa-caret-up"></i>
</div>

<script>
    var tada_index, tada_autosearchcomplete, tada_swiftype, tada_ads, tada_adsspeed, tada_slideshowtime,
        tada_block1gallery = false, tada_block1product = false, tada_newsletter = false;
    tada_index = 1;
    tada_ads = 1;
    tada_adsspeed = 5000;
    tada_slideshowtime = 30000;
    tada_block1gallery = true;
    tada_block1product = true;
    tada_newsletter = true;
</script>

<script src="assets/js/modernizr.min.js" type="text/javascript"></script>
<script src="assets/js/timber.js" type="text/javascript"></script>

</body>
